<!DOCTYPE html>
<html>
	<head>
	  	<meta charset="utf-8" />
	  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	  	<title>Decide</title>
	
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<link rel="stylesheet" href="../css/jquery.mobile-1.3.2.css" />
		<link rel="stylesheet" href="../css/custom.css" />
		<link rel="stylesheet" href="../css/app.css" />
		<link rel="stylesheet" href="../css/fonts.css" />
		<script type="text/javascript" charset="utf-8" src="../js/cordova-2.9.0.js"></script>
		<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery.mobile-1.3.1.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/fileopener.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/library.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/common.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/fileDownload.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/checkNetworkBuy.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/localize.js"></script>
	  	<script>
		 	$(document).on("pagebeforeshow", "#buy_notebook",function(event){
		 		//alert(1);
		 		document.addEventListener("deviceready", onDeviceReady, true); 
		 	});
			function onDeviceReady() {
		        excecuteLocalization(["buy_notebook","buy_common","global"], "../");
		    }
		 	
		</script>
	</head>
<body style="text-align: center;">
<div  data-role="page" style="display:none;" id="buy_notebook">
	
	<div data-role="panel" data-position="right" data-position-fixed="false" data-display="overlay" id="menu-panel" data-theme="a">

		<ul data-role="listview" data-theme="a" data-divider-theme="a" style="margin-top:-16px;" class="nav-search">
			<li data-icon="delete" style="background-color:#111;">
				<a href="#header" data-rel="close"><span data-translate="localize">global.close_menu</span></a>
			</li>
			<li>
				<a href="javascript:backToHome();"><span data-translate="localize">global.go_home</span></a>
			</li>
			<li>
				<a href="javascript:window.location.href='settings.html'"><span data-translate="localize">global.settings</span></a>
			</li>
			<li>
				<a href="javascript:exitAPP();"><span data-translate="localize">global.exit</span></a>
			</li>
		</ul>
		<span data-translate="localize" id="confirm_msgTag" style="display:none;">global.confirm_msg</span>
		<!-- panel content goes here -->
	</div><!-- /panel -->

	<div  data-role="header" id="header"  data-position="fixed">
		<img border="0" src="../images/img-logo.png" alt="Logo" height="35" width="35" style="float:left; display:inline"/>
		<a href="javascript:openMenu();" data-icon="gear" class="ui-btn-right" id="openMenuButton"><span data-translate="localize">global.menu</span></a>
	</div>    
	<div  data-role="content">
	<table style="width: 100%">
		<tr>
			<td class="common-row" style="text-align: center;">
			</td>
		</tr>
		<tr>
			<td class="title-row">
				<br>
				<span data-translate="localize">looking_notebook</span>
			</td>
		</tr>
		<tr>
			<td class="common-row">			
				&nbsp;
			</td>
		</tr>
		<tr>
			<td class="common-row" onclick="">	
				<p>
					<span data-translate="localize">p_0</span><br><br>
					<button class="button-main" onclick="downloadFile('notebook.xlsx')" data-theme="f"><span data-translate="localize">download_excel</span></button>
					<span id="ready"></span>
				</p>
				<p>
					<span data-translate="localize">p_1</span>
					<button class="button-main" onclick="sendMail('notebook');" data-theme="f"><span data-translate="localize">request_email</span></button>
				</p>
				<p>
					<span data-translate="localize">p_2</span>
				</p>
				<p>
					<span data-translate="localize">p_3</span>
				</p>
			</td>
		</tr>
	</table>
	</div>
	<!-- 
	<div  data-role="footer" data-position="fixed">
		<button class="button-main-small" onclick="exitAPP();"><span data-translate="localize">global.exit</span></button>
	</div>
	-->
</div>
</body>
</html>